<template>
  <view>
    <view>swiper滑动视图</view>
    <swiper :indicator-dots="showdots" :autoplay="auto" :interval="interval" :duration="duration">
      <swiper-item>
        <image class="item" src="/static/1.jpg" mode="aspectFill"></image>
      </swiper-item>
      <swiper-item>
        <image class="item" src="/static/2.jpg" mode="aspectFill"></image>
      </swiper-item>
      <swiper-item>
        <image class="item" src="/static/3.jpg" mode="aspectFill"></image>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showdots: true,
      auto: true,
      interval: 5000,
      duration: 500
    }
  }
}
</script>

<style>
.item {
  height: 800rpx;
  width: 100%;
}
</style>